import ProCard from '@ant-design/pro-card';

const ModuleCard = ({ title, content, url, index, active, mouseEnter }) => {
  return active ? (
    <ProCard bordered colSpan={6}>
      active
    </ProCard>
  ) : (
    <ProCard bordered onMouseEnter={() => mouseEnter(index)} colSpan={3.6}>
      <img src={`/icons/${title}1.png`}></img>
      {title}
    </ProCard>
  );
};

export default ModuleCard;
